// import QtQuick 1.0 // to target S60 5th Edition or Maemo 5
import QtQuick 1.1
import "Components"

GroupBox {
    id: _root
    width: _area.width + 20
    height: _area.height + _area.anchors.topMargin + 5

    text: "  テーマ  "
    textBkSource: "images/background.png"
    borderColor: "#888888"
    borderBkColor: "#00000000"
    radius: 5
    color: "#dddddd"

    property string themeName: ""


    //テーマリスト更新
    function updateThemeList(path){
        console.debug("root:" + path);
        var list = _file.getEntryList(path);
        //消す
        _themeList.clear();
        //内容を登録
        for(var i=0; i<list.length; i++){
            if(list[i] === "." || list[i] === ".."){
            }else{
                _themeList.append(list[i]);
            }
        }
        //初期設定
        if(_themeList.count > 0){
            //初期テーマ名
            _root.themeName = _themeList.get(0)._title;
            //初期インデックス
            _themeList.setCurrentIndex(0);
        }
    }

    Column{
        id: _area
        anchors.top: parent.top
        anchors.topMargin: parent.textHeight + 5
        anchors.left: parent.left
        anchors.leftMargin: 10

        spacing: 5

        Text{
            text: "現在のテーマ : " + themeName
            color: _root.color
        }

        //一覧
        ListViewSimple{
            id: _themeList
            width: 150
            height: 280
            onClicked: {
                _root.themeName = title;
            }
        }

        Button{
            text: "テーマフォルダ選択..."
            onClicked: {
                var dir = _file.getExistingDirectory("テーマフォルダ選択", "");
                //変更
                changeThemePath(dir);
            }
        }
    }
}
